// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import ElementUI from 'element-ui'
import locale from 'element-ui/lib/locale/lang/zh-CN'
import 'element-ui/lib/theme-chalk/index.css'
import './common/scss/_common.scss'
import './common/scss/_screen.scss'
import './common/scss/animate.css@3.5.1.css'
import './common/js/jquery-3.3.1.min.js'
import NProgress from 'nprogress' // Progress 进度条
import {setTitle} from './common/js/util'
import "font-awesome/css/font-awesome.css"
import ScrollReveal from 'scrollreveal'//触发动画
Vue.use(ElementUI, { locale })
Vue.config.productionTip = false
router.beforeEach((to, from, next) => {//在每个路由之前
    Vue.prototype.$to = to
    NProgress.start()
    next()
})
router.afterEach((to, from,next) => {
    NProgress.done() // 结束Progress
    setTitle(to.meta.title)//设置头
    setTimeout(()=>{
        ScrollReveal().reveal('.right-left', {
            // 动画的时长
            duration: 1000,
            // 延迟时间
            delay: 0,
            // 动画开始的位置，'bottom', 'left', 'top', 'right'
            origin: 'right',
            // 回滚的时候是否再次触发动画
            reset: true,
            // 在移动端是否使用动画
            mobile: true,
            // 滚动的距离，单位可以用%，rem等
            distance: '40px',
            // 其他可用的动画效果
            opacity: 1,
            easing: 'linear',
            scale: 0.9,
        });
        ScrollReveal().reveal('.left-right', {
            // 动画的时长
            duration: 1000,
            // 延迟时间
            delay: 500,
            // 动画开始的位置，'bottom', 'left', 'top', 'right'
            origin: 'left',
            // 回滚的时候是否再次触发动画
            reset: true,
            // 在移动端是否使用动画
            mobile: true,
            // 滚动的距离，单位可以用%，rem等
            distance: '40px',
            // 其他可用的动画效果
            opacity: 1,
            easing: 'linear',
            scale: 0.9,
        });
        ScrollReveal().reveal('.top-bottom', {
            // 动画的时长
            duration: 1000,
            // 延迟时间
            delay: 0,
            // 动画开始的位置，'bottom', 'left', 'top', 'right'
            origin: 'top',
            // 回滚的时候是否再次触发动画
            reset: true,
            // 在移动端是否使用动画
            mobile: true,
            // 滚动的距离，单位可以用%，rem等
            distance: '40px',
            // 其他可用的动画效果
            opacity: 1,
            easing: 'linear',
            scale: 0.9,
        });
        ScrollReveal().reveal('.bottom-top', {
            // 动画的时长
            duration: 1000,
            // 延迟时间
            delay: 500,
            // 动画开始的位置，'bottom', 'left', 'top', 'right'
            origin: 'bottom',
            // 回滚的时候是否再次触发动画
            reset: true,
            // 在移动端是否使用动画
            mobile: true,
            // 滚动的距离，单位可以用%，rem等
            distance: '40px',
            // 其他可用的动画效果
            opacity: 1,
            easing: 'linear',
            scale: 0.9,
        });
    },100);
})
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
}).$mount("#app");
